import React from "react";
export default class App extends React.Component {
    constructor(props) {
        super(props)
        this.state = {
            arr: []
        }
    }
    componentDidMount() {
        this.$axios
            .get(
                "https://apipc-xiaotuxian-front.itheima.net/home/brand?limit=10"
            )
            .then(res => {
                console.log(res);
                if (res.data.msg == '操作成功') {
                    this.setState({
                        arr: res.data.result
                    });
                }

            });
    }
    render() {
        return  <div>
        <div className="home-panel" data-v-39dda62a="" data-v-c2737746="">
          <div className="container" data-v-39dda62a="">
            <div className="head" data-v-39dda62a="">
              <h3 data-v-39dda62a="">
                热门品牌<small data-v-39dda62a="">国际经典 品质保证</small>
              </h3>
              <a
                className="disabled iconfont icon-angle-left prev"
                href="/#/"
                data-v-c2737746=""
              ></a><a
                className="iconfont icon-angle-right next"
                href="/#/"
                data-v-c2737746=""></a>
            </div>
            <div className="box" data-v-c2737746="">
              <ul
                className="list"
                data-v-c2737746=""
              >
                {this.state.arr.map((i,index)=>{
                    return  <li data-v-c2737746="" key={index}>
                    <a
                      aria-current="page"
                      href="#"
                      className="router-link-active router-link-exact-active"
                      data-v-c2737746=""><img src={i.picture} alt="" data-v-c2737746=""/></a>
                  </li>
                })}
               
              </ul>
            </div>
          </div>
        </div>
      </div>
    }
}